<template>
	<view class="download">
		<image class="bg" src="/static/pages/download-bg.png" mode="widthFix"></image>
		
		<view class="content">
			<view class="btn">
				<image class="android icon" src="/static/pages/android.png" mode=""></image>
				<text>IOS版下载</text>
			</view>
			<view class="btn">
				<image class="ios icon" src="/static/pages/ios.png" mode=""></image>
				<text>安卓版下载</text>
			</view>
		</view>
		
	</view>
</template>

<script>
	export default{
		data(){
			return{}
		}
	}
</script>

<style scoped lang="scss">
	.download{
		position: relative;
		.bg{
			width: 100%;
		}
		
		.content{
			position: absolute;
			bottom: 114upx;
			left: 0;
			right: 0;
			display: flex;
			align-items: center;
			flex-direction: column;
			justify-content: center;
			
			.btn + .btn{
				margin-top: 50upx;
			}
			
			.btn{
				width: 668upx;
				height: 140upx;
				background: #FFFFFF;
				border-radius: 70upx;
				font-size: 44upx;
				color: #333333;
				display: flex;
				align-items: center;
				
				.android{
					width: 56upx;
					height: 68upx;
					margin: 0 60upx 0 146upx;
				}
				
				.ios{
					width: 64upx;
					height: 78upx;
					margin: 0 58upx 0 141upx;
				}
			}
		}
	}
</style>
